@charset "utf-8";
/* CSS Document */

/*********************************
1. common
*********************************/
*,*:before,*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
*{margin:0; padding:0; list-style:none;}
em{font-style: normal;}
html {height: 100%;  -webkit-text-size-adjust: none;}
body {
	font-size:14px;
	line-height: 2;
	background: #FFFFFF;
	color: #999;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	width: 100%;
	font-family: "微软雅黑";
}
/*::-webkit-scrollbar {display: none;}*/
a, a:hover, a:visited, a:active, a:link {
	cursor: pointer;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active {position: relative;}
p a:hover {color: #fff;background:#ffa07f;}
p a:hover::after {opacity: 0.2;}
::selection {background: #edf3fd;color: #4286f5;}
p::selection {background: #edf3fd;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h1, h2, h3, h4, h5, h6
{
	color: #333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
::-webkit-input-placeholder {color: #999 !important;}
:-moz-placeholder{color: #999 !important;}
::-moz-placeholder{color: #999 !important;}
:-ms-input-placeholder{color: #999 !important;}
::input-placeholder{color: #999 !important;}
.form-control{color: #000;}
section{display: block;position: relative;box-sizing: border-box;}
.clear::before, .clear::after {content: "";display: table;}
.clear::after {clear: both;}
.clear {zoom: 1;}
.left{float: left;}
.right {float: right;}
.h100 {height: 100%;}
table{border-collapse:collapse;}
img{max-width: 100%;}
iframe{width: 100%;height: 100%;border: none;overflow: auto;}
.none-border-outline {
	border: none;
	outline: none
}
.default-background-color {
	background-color: #999;
}
.file-option .font-hollow {
	color: #ddd!important
}
ol, ul{margin-bottom: 0;}
.tcent{text-align: center;}

::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#ccc; border-radius: 5px;}

/*弹性布局*/
.cent{display: flex;align-items: center;justify-content: center;}
.rows {display: flex;flex-direction: row;align-items: center;}
.column {display: flex;flex-direction: column;align-items: center;}
.between {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
/*********************************
1.header
*********************************/
.header{background: #f8f8f8; padding:0 10px; border-bottom: 1px solid #e5e5e5; height: 50px;}

.logo{height: 30px;margin: 10px;white-space: nowrap;  }
.logo>img{max-height: 30px; }
.logo>span{font-size:20px;line-height: 30px; color:#333; display: inline-block; border-left:1px solid #e5e5e5; padding-left:15px; margin-left: 10px;  }
.top-control{min-width: 160px;}
.top-control .iconfont{font-size:28px; line-height:30px; color:#999; float: left; margin-right:5px;}
.top-control a:hover .iconfont,
.top-control a:hover{color:#4286f5 }
.top-control>a{position: relative; display: inline-block; line-height:30px; margin-left:10px;cursor: pointer;color: #999;}
.top-control>a em{position:absolute;top:-5px; right: 0; background: #f40; color: #fff; font-size: 10px; text-align: center;line-height: 18px; min-width: 18px; border-radius: 50%;}
.user .icon-sjx{float: none; font-size: 16px;margin: 0;}
.user{position: relative;cursor: pointer;}
.user .dropdown-menu{left: unset; right:0; width: 280px;border-radius: 6px; padding: 0;overflow: hidden;}
.user_top{background:#f5f5f5; padding:15px 20px 15px 80px; position: relative;}
.user_top h2{font-size: 16px; color: #333; line-height: 20px; margin: 0;}
.user_top p{font-size: 12px; color: #999; margin: 0;}
.user_top .iconfont{font-size:46px; line-height:1; color: #999; position: absolute; left: 20px; top:12px;}
.user .user_bot{border-top:1px solid #ddd; padding: 10px 20px; }
.user .user_bot>a{color: #333;font-size: 14px; line-height: 1.2;}
.user .user_bot>a .iconfont{font-size: 16px; line-height: 1.2; color: #555;}
.user .user_body {padding:20px;}
.user .user_body>p{font-size: 16px; line-height: 1.5; color: #333; margin: 0;}
.user .user_body>p>strong,.user .user_bot>a:hover{color:#4286f5;}


/*********************************
2.left
*********************************/
.box-body{width: 100%; height:calc(100vh - 50px); position: relative; padding-left:90px;}
.left-cont{background:#fff; border-right: 1px solid #e5e5e5; width: 90px; position: absolute; left: 0; top:0; height: 100%; overflow-y: auto;}
.nav{width: 100%; text-align: center}
.nav>li{display: block;font-size: 13px;line-height: 18px; color: #333; padding:0px 0;}
.nav>li>.iconfont{display: block;font-size: 28px;line-height: 36px;}
.nav>li>a{display: block;font-size: 13px;line-height: 18px; color: #333; padding:10px 0;}
.nav>li>a>.iconfont{display: block;font-size: 28px;line-height: 36px;}
.nav>li.active a,.nav>li.active .iconfont,.nav>li:hover a,.nav>li:hover .iconfont{color:#4286f5;}
.main-cont{width: 100%; height: 100%;}

/*********************************
3.子菜单
*********************************/
.mainCont{width: 100%; height: 100%; position: relative; padding-left: 160px;}
.leftCont{position: absolute; left: 0; top:0; width: 160px; height: calc(100vh - 50px);border-right: 1px solid #e5e5e5; padding: 15px 25px;overflow-y: auto;}
.snav>li>a{color: #000; font-size: 14px;line-height: 24px; padding: 6px 0; display: block;}
.snav>li>a>.iconfont{color: #aaa; font-size: 14px;line-height: 24px; float: right;}
.snav>li>div>a{color: #999; font-size: 12px;line-height: 20px; padding:3px 15px; margin: 4px 0; display: block; white-space: nowrap;}
.snav>li>div>a.active,.snav>li>div>a:hover{background: #4286f5;color: #fff;border-radius: 20px; text-align: center }
.snav>li>div>a:hover{background: #edf3fd;color: #4286f5;}
.snav>li>a.active,.snav>li>a.active:hover,.snav>li>a.active>.iconfont,.snav>li>a.active:hover>.iconfont{color: #4286f5; font-weight: bold;}

.rightCont{width: 100%; height:100%;}


/*********************************
4.子页面
*********************************/
.top-txt{text-align: center; background: #f5f5f5;padding: 10px;line-height: 30px; }
.txt-blue{color:#4286f5;}
.txt-green{color:#22ac38;}
.txt-org{color:#f60;}
.txt-black{color: #000;}
.txt-black>i{margin-right: 20px;}
.c-blue,.c-green,.c-org,.c-gray{display: inline-block; font-style: normal; width: 30px; height: 30px; text-align: center; color: #fff; border-radius: 15px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.c-blue{background:#4286f5;}
.c-green{background:#22ac38;}
.c-org{background:#f60;}
.c-gray{background:#8c97cb;}
.ml-40{margin-left: 40px;}
.ml-20{margin-left: 20px;}
.mt-20{margin-top: 20px;}

.container{width: 100%; padding: 10px 30px;}
.tabMenu{margin:10px 0;}
.tabMenu>.tab{overflow: hidden; float: left;}
.tab>li{float: left; line-height: 30px; color: #999; background:#f5f5f5; padding:0 15px; border-radius: 14px; margin:3px 10px 3px 0; cursor: pointer; }
.tab>li.on,.tab>li:hover{background: #4286f5; color: #fff;}
.btn-blue,.btn-green,.btn-org,.btn-gray,.btn-red,.btn-pur{font-size: 16px;line-height: 36px; display: inline-block; padding: 0 15px; border-radius: 20px;margin:0 8px;}
.btn-blue>.iconfont,.btn-green>.iconfont{font-size: 24px; line-height: 36px;vertical-align: middle;}
.btn-blue{background: #edf3fd;color: #4286f5;}
.btn-blue:hover{background:#4286f5;color: #fff;}
.btn-green{background: #ecf5ed;color: #22ac38;}
.btn-green:hover{background: #22ac38;color: #fff;}
.btn-org{background: #f9efe5;color: #f60;}
.btn-org:hover{background: #f60;color: #fff;}
.btn-red{background: #fee8e8;color: red;}
.btn-red:hover{background: red;color: #fff;}
.btn-pur{background: #dfe3fa;color: #8c97cb;}
.btn-pur:hover{background: #8c97cb;color: #fff;}
.btn-gray{background: #eee;color: #555;}

/*********************************
5.表格
*********************************/
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	/* overflow-y: hidden; */
	/* -ms-overflow-style: -ms-autohiding-scrollbar; */
	border:0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	 font-size: 14px; color: #333; line-height:30px; padding:10px ;border-top:0; border-bottom: 1px solid #eee;
}
.table>tbody>tr>th{background: #f5f5f5; border-radius: 5px;border:0; padding: 10px;}
.table .btns{font-size: 14px;line-height: 26px; border-radius: 5px; white-space: nowrap;margin: 2px;}
.table{margin-bottom: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #4286f5;border-color: #4286f5;}
/*********************************
6.弹窗
*********************************/
.modal-header{border:0;}
.modal-header.tit{position:relative;border-radius:10px 10px 0 0;color:#333;padding:8px 8px;font-size:18px;line-height: 30px;font-weight: bold;background:linear-gradient(to bottom,#fff,#f5f5f5);}
.modal-header.tit>em{width:16px; height:16px;border-radius:10px;  border:3px solid #fff; background:#ddd; float:left;margin:8px 5px 0 5px;}
.modal-header.tit .iconfont{font-size: 20px;line-height: 30px; color:#999;margin:0 5px; cursor:pointer;}
.modal-header.tit .iconfont:hover{color:#333;}
.modal-header .close{color:#666;opacity:1;text-shadow:0 2px 0 #fff;}
.modal-lg{width:97%;}
.modal-mid{width:80%;}
.modal-content{border:none;overflow:hidden;}
.modal-open .modal{overflow-y:hidden;padding:0 !important;}
.modal-open .modal::-webkit-scrollbar{display:none;}
.modal-dialog{margin:15px auto;}
.modal .tit>.right .iconfont{margin:0 5px;}
.bgno~.modal-backdrop{opacity:0;}
.modal-open{padding:0 !important;}
.modal-content {box-shadow: 0 0 10px rgba(0,0,0,.3);}
.modal-backdrop.in:last-child{filter: alpha(opacity=20);opacity: .2;}
#tishi .modal-dialog{background:rgba(0,0,0,.7);padding:20px 30px; width:auto; display:inline-block; color:#fff; font-size: 16px;line-height: 30px; border-radius:10px;}
#tishi .cent{height:100%;max-width:300px;margin:0 auto;}
.modal .cent{height:100%;}
input[type="date"]:before{color:#A9A9A9;content:attr(placeholder);width:calc(100% - 40px);white-space:nowrap;}
input[type="date"].full:before {color:black;content:""!important;display:none;}
.modal-lg .modal-body.h100{height: calc(100vh - 76px); overflow-y: auto;}


/*****新增工单*****/
h3.tit{font-size:16px;line-height: 36px;font-weight: bold;color: #000; background: #f5f5f5; border-radius: 6px; padding: 0 15px; margin: 15px 0;}
h3.tit>.right{font-size:14px;line-height: 36px;}
.pl-160{padding-left: 160px; position: relative;}
.pl-160>label{position: absolute;left: 0; top:0; width: 150px;text-align: right;font-size:14px;line-height: 24px; color: #000; padding: 5px 0;}
.pl-160>label>.red,.red{color: red;}
.pr-40{padding-right: 40px;}
.input-cont{position: relative;}
.input-cont>input{padding-right: 40px;}
.input-cont>.iconfont{font-size: 24px; position: absolute; top:0; right: 5px; line-height: 34px; cursor: pointer;}
.pr-40>.iconfont{font-size: 24px; position: absolute; top:0; right:10px; line-height: 34px; color:#22ac38; cursor: pointer;}
.pr-40>.iconfont:hover{text-shadow: 0 0 2px #22ac38;}
.input-cont>.iconfont:hover{color:#4286f5;}
.radio{margin: 0;}
.radio>label{font-size:14px;line-height: 24px; color: #000;padding-top: 5px;padding-bottom: 5px;min-width: 60px;padding-right: 20px;}
.biaoq{margin-top: 10px;}
.biaoq>span{font-size:13px;line-height: 24px; background: #eee; color: #333; border-radius: 15px; padding: 0 10px; margin-right: 10px; display: inline-block; cursor: pointer}
.biaoq>span:hover{background:#4286f5; color: #fff;}
.biaoq>span.more{font-size:22px; line-height:24px;padding: 0; border-radius:0; color:#f60; background: none; }
.biaoq>span.more:hover{background: none;color: #4286f5;}
.form-group>.txt-black{padding: 5px 0; line-height:22px;}
.btn{padding: 0 20px; height:34px; line-height:34px;}
.btn-primary {color: #fff;background-color: #4286f5;border: none;}
.btn-green2{background:#5bc0de; border: none; color: #fff;}
.btn-green2:hover{color: #fff;background:#499ab2;}
.btn>.iconfont{font-size: 20px;margin-right: 5px; line-height:22px;vertical-align:middle;}
.modal-footer{border-top: 3px solid #eee;}
.Smenu>li{float: left;background:#eee;}
.Smenu>li>a{display:block;padding: 0 30px;font-size:14px;line-height: 32px; color:#666;}
.Smenu>li:first-child{border-radius:20px 0 0 20px;}
.Smenu>li:last-child{border-radius:0 20px 20px 0;}
.Smenu>li.active>a{background:#4286f5; color: #fff; border-radius: 20px;  }
.mb0,.mb0 .form-group{margin-bottom: 0;}
.Smenu.m3>li{width: 30%;}
.Smenu.m3>li>a{padding: 0; text-align: center;}
.modal{background: rgba(0,0,0,.5);}
.modal-backdrop{background: none;}
.w600{width: 600px; margin:50px auto;}
.modal .cent.w600{height: calc(100% - 100px);}
.w600 .modal-body.h100{height: calc(100vh - 300px);overflow-y: auto;}
.w700{max-width: 700px;}
.w700>.modal-dialog{width:95%;}
.modal .cent.w600,.modal .cent.w700{height: calc(100% - 100px);}
.w600 .modal-body.h100,.w700 .modal-body.h100{height: calc(100vh - 280px);overflow-y: auto;}
.w700 .modal-body.h100{padding: 0;}
.w700 .modal-body .left{width: 30%; padding: 15px;border-right:2px solid #eee; overflow-x:hidden; }
.w700 .modal-body .right{width:70%; padding: 15px 30px;}
.w700 .modal-body .left,.w700 .modal-body .right{height: 100%; overflow-y: auto;}

.search .form-group{position: relative; padding-right: 60px;}
.search .form-group>button{position:absolute; top:0; right: 0;}
.table .checkbox{display: inline; width:16px; height:16px; margin:0 5px; vertical-align: middle; cursor: pointer;}
.table .checkbox:hover{border: 1px solid #4286f5; box-shadow: 0 0 5px #4286f5;}
.smallTab>tbody>tr>td,.smallTab>tbody>tr>th{padding:5px 10px; font-weight: normal; background: none;}
.smallTab>tbody>tr>th{border-bottom: 2px solid #eee;}
.Spage{text-align:right;}
.Spage>a{padding:5px; display:inline-block; color: #666; line-height:24px;}
.Spage>a:hover{color:#4286f5; text-shadow: 0 0 5px #4286f5 }
.Spage>a.active{color:#4286f5;}
.Spage>a.no{color:#ddd;}

@media only screen and (max-width: 800px) {
	.top-txt span{display: inline-block;}
	.btn-blue, .btn-green, .btn-org, .btn-gray{padding: 0 8px;}

}
/* .addaddbox{
	display: flex;
	width: 100%;
} */
/* .addaddright{
	width: 200px;
}
.addaddleft{
	width: calc(100% - 200px);
} */